import React from 'react';
import { Button } from 'antd';

import notification from '@/components/Notification';

export default function index() {
  const test = (type: string) => {
    notification[type]({
      title: '标题标题标题标题',
      description:
        '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
    });
  };

  return (
    <div>
      <Button
        type="primary"
        onClick={() => {
          test('info');
        }}
      >
        info
      </Button>
      <Button
        type="primary"
        onClick={() => {
          test('success');
        }}
      >
        success
      </Button>
      <Button
        type="primary"
        onClick={() => {
          test('error');
        }}
      >
        danger
      </Button>
      <Button
        type="primary"
        onClick={() => {
          test('warning');
        }}
      >
        warning
      </Button>
    </div>
  );
}
